<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>img-area技术</title>
</head>

<body>
<!-- HTML area技术 -->
<a href="#"><img src="" alt=""></a>

<!-- DW  -->
<img src="images/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<!--
一张图片允许多个点击区域
-->
<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href="#" alt="Venus" />
  <area shape="circle" coords="129,161,10" href="#" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href="#" alt="Sun" />
</map>
</body>

</html>
